<template>
  <div class="contact">
    <img class="contact-bg" src="../assets/contact-bg.jpg">
    <div class="content-block">
      <b style="color: #f9c270;">福建茗吉尔建筑装饰有限公司</b>是一家集专业设计、施工、售后服务为一体的现代化装饰企业，汇聚了一批高素质设计精英和一流施工队伍，以规范化的管理、专业的设计、科学优质的施工、周到全面的服务力求为客户打造一个舒适的高品质空间。
    </div>
    <a class="contact-btn-block" href="tel:18050271000">
      <i></i>
      <span>call us</span>
    </a>
  </div>
</template>

<script>
export default {
  components: {},
  data () {
    return {}
  },
  watch: {},
  methods: {
    goBack () {
      window.history.back()
    }
  }
}
</script>

<style lang="less">
.contact {
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  .contact-bg {
    position: fixed;
    bottom: 50px;
    width: 100%;
  }
  .content-block {
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80vw;
    box-shadow: 0 10px 15px #eee;
    border-radius: 5px;
    padding: 5vw;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    letter-spacing: 3px;
    color: @font-color;
  }
  .contact-btn-block {
    display: block;
    position: absolute;
    top: 60vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    box-shadow: 0 0px 15px @theme-shadow-color;
    padding: 5vw;
    font-size: 14px;
    background: @theme-color;
    text-align: center;
    i {
      display: block;
      height: 40px;
      width: 40px;
      margin: 5px auto;
      background: url('../assets/contact-icon.png') no-repeat;
      background-size: cover;
    }
    span {
      color: #fff;
    }
  }
}
</style>
